<template>
	<div class="fabu2">
    <div v-if="!shoujiban">
      <left></left>
      <div class="right">
        <div style="height: 91px; border-bottom: 1px solid rgb(227, 232, 241); width: 100%; padding: 0 30px;" class="flexbc">
          <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item :to="{ path: '/xitongpeizhi' }">推广商城</el-breadcrumb-item>
            <el-breadcrumb-item>发布直播销售页</el-breadcrumb-item>
          </el-breadcrumb>
          <top></top>
        </div>
        <div style="padding: 37px 30px 0 30px; height: calc(100vh - 91px); overflow: auto;">
          <div class="flexbc" style="background: #fff; padding: 10px 20px;">
            <div class="flexc">
              <div class="tuiguangli" :class="act == 1?'tuiguangliact':''" @click="act = 1">商城首页设置</div>
              <div class="tuiguangli" :class="act == 2?'tuiguangliact':''" @click="act = 2">下单成功页设置</div>
              <div class="tuiguangli" :class="act == 4?'tuiguangliact':''" @click="act = 4">下单详情页设置</div>
              <div class="tuiguangli" :class="act == 3?'tuiguangliact':''" @click="act = 3">推广海报</div>
            </div>
            <div><el-button round type="primary" @click="baocunk">确定发布</el-button></div>
          </div>

          <!-- 首页配置 -->
          <div v-show="act == 1">
            <div class="flexc" style="font-size: 16px; font-weight: bold; margin-bottom: 20px; margin-top: 30px;">
                <div><img src="../../../static/img/bianji1.png" style="width: 22px; margin-right: 10px;"></div>
                <div>当前布局</div>
              </div>

              <div class="flex">
                <div style="margin-right: 50px; padding: 30px;" class="baibeijing">
                  <div style="margin-bottom: 20px; text-align: center;">添加模块</div>
                  <div style="width: 150px; height: 100px; cursor: pointer; border: 1px solid rgb(227, 232, 241); border-radius: 10px; margin-bottom: 10px;" class="flexcc"   @click="add(1)">
                    <img src="https://gperson.gantanhaokeji.top/fabu15.png" style="width: 50px;">
                  </div>
                  <div style="width: 150px; background: rgb(246, 248, 251); cursor: pointer; height: 40px; padding: 0 20px; border-radius: 20px; color: rgb(120, 125, 133);" class="flexbc"   @click="add(1)">
                    <div>图片模块</div>
                    <div>+</div>
                  </div>
                  <div style="width: 100%; height: 1px; background: rgb(227, 232, 241); margin: 30px 0;"></div>

                  <div style="width: 150px; height: 100px; cursor: pointer; border: 1px solid rgb(227, 232, 241); border-radius: 10px; margin-bottom: 10px;" class="flexcc"  @click="add(2)">
                    <img src="https://gperson.gantanhaokeji.top/fabu2.png" style="width: 50px;">
                  </div>
                  <div style="width: 150px; background: rgb(246, 248, 251); cursor: pointer; height: 40px; padding: 0 20px; border-radius: 20px; color: rgb(120, 125, 133);" class="flexbc" @click="add(2)">
                    <div>文字说明</div>
                    <div>+</div>
                  </div>
                  <div style="width: 100%; height: 1px; background: rgb(227, 232, 241); margin: 30px 0;"></div>

                  <div style="width: 150px; height: 100px; cursor: pointer; border: 1px solid rgb(227, 232, 241); border-radius: 10px; margin-bottom: 10px;" class="flexcc"  @click="add(3)">
                    <img src="https://gperson.gantanhaokeji.top/fabu4.png" style="width: 50px;">
                  </div>
                  <div style="width: 150px; background: rgb(246, 248, 251); cursor: pointer; height: 40px; padding: 0 20px; border-radius: 20px; color: rgb(120, 125, 133);" class="flexbc"  @click="add(3)">
                    <div>轮播图</div>
                    <div>+</div>
                  </div>
                </div>

                <div style="background: rgb(227, 232, 241); border-radius: 20px; width: 600px;  margin-right: 50px; overflow: hidden;  position: relative;">
                  <div style="position: absolute; right: 60px; top: 30%;" v-if="bianjiindex != 9999">
                    <div class="flexcc" style="width: 40px; height: 40px; background: rgb(255, 231, 231); border-radius: 5px; margin-bottom: 20px;" @click="shan()">
                      <img src="https://gperson.gantanhaokeji.top/fabu6.png" style="width: 15px;">
                    </div>
                    <div class="flexcc" style="width: 40px; height: 40px; background: rgb(245, 245, 245); border-radius: 5px; margin-bottom: 20px;" @click="shang()">
                      <img src="https://gperson.gantanhaokeji.top/fabu7.png" style="width: 15px;">
                    </div>
                    <div class="flexcc" style="width: 40px; height: 40px; background: rgb(245, 245, 245); border-radius: 5px; margin-bottom: 20px;" @click="xia()">
                      <img src="https://gperson.gantanhaokeji.top/fabu8.png" style="width: 15px;">
                    </div>
                  </div>
                  <div style="width: 375px; margin: 20px auto; background: #fff; height: 890px; overflow: auto;">

                    <div><img src="https://gperson.gantanhaokeji.top/fabu5.png" style="width: 100%;"></div>
                    <div style="position: relative; height: 265px;">
                      <img :src="all.top_pic" style="width: 375px; height: 150px;">
                      <div style="position: absolute; right: 0; top: 0; font-size: 15px; cursor: pointer;" @click="img_log = true"><img src="../../../static/img/shouye10.png" style="width: 23.5px;"></div>
                      <div style="position: absolute; top: 80px; left: 15px; width: 345px; padding: 15px; background: rgb(255, 255, 255); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05); border-radius: 15px;">
                        <div class="flexbc">
                          <div class="flexbc" style="padding-bottom: 15px; width: 345px;">
                            <div class="flexc">
                              <div style="position: relative;">
                                <img :src="all.left_pic || 'https://gperson.gantanhaokeji.top/shouye2.png'" style="width: 40px; height: 40px;">
                                <div style="position: absolute; right: 0; top: 0; font-size: 15px; cursor: pointer;" @click="img_log4 = true"><img src="../../../static/img/shouye10.png" style="width: 23.5px;"></div>
                              </div>
                              <div class="flexcc">
                                <div style="margin-left: 7.5px; width: 150px;">
                                  <div style="color: rgb(2, 12, 29); font-size: 15px; ">{{all.store_name}}</div>
                                  <div style="color: rgb(120, 125, 133); font-size: 11px;">{{all.store_slogan}}</div>
                                </div>
                              </div>
                            </div>
                            <div style="position: relative;" v-if="all.right_radio">
                              <img :src="all.right_pic" style="width: 79px; height: 38px;">
                              <!-- <div style="position: absolute; right: 0; top: 0; font-size: 30px; cursor: pointer;" @click="img_log3 = true"><img src="../../../static/img/shouye10.png" style="width: 47px;"></div> -->
                            </div>
                          </div>
                          <div style="height: 1px; width: 345px; background: rgb(227, 232, 241); "></div>
                          <div class="flex" style="justify-content: space-between; width: 345px; padding-top: 10px;">
                            <div style="flex: 1;">
                              <div class="flexcc"><img src="../../../static/img/shouye3.png" style="width: 50px; height: 50px; margin-bottom: 5px;"></div>
                              <div class="flexcc" style="font-size: 12px;">一键通查</div>
                            </div>
                            <div style="flex: 1;">
                              <div class="flexcc"><img src="../../../static/img/shouye4.png" style="width: 50px; height: 50px; margin-bottom: 5px;"></div>
                              <div class="flexcc" style="font-size: 12px;">订单查询</div>
                            </div>
                            <div style="flex: 1;">
                              <div class="flexcc" style="position: relative;">
                                <img src="../../../static/img/shouye5.png" style="width: 50px; height: 50px; margin-bottom: 5px;">
                                <div style="position: absolute; right: 0; top: 0; font-size: 15px; cursor: pointer;" @click="img_log2 = true"><img src="../../../static/img/shouye10.png" style="width: 23.5px;"></div>
                              </div>
                              <div class="flexcc" style="font-size: 12px;">联系客服</div>
                            </div>
                            <div style="flex: 1;" @click="act = 3">
                              <div class="flexcc" style="position: relative;">
                                <div class="flexcc"><img src="../../../static/img/shouye6.png" style="width: 50px; height: 50px; margin-bottom: 5px;"></div>
                                <div style="position: absolute; right: 0; top: 0; font-size: 15px; cursor: pointer;"><img src="../../../static/img/shouye10.png" style="width: 23.5px;"></div>
                              </div>
                              <div class="flexcc" style="font-size: 12px;">分享店铺</div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>


                    <div v-for="(itemx,indexx) in listx" :key="indexx">
                        <div class="flexcc" style="margin: 10px auto; position: relative; border: 1px #ddd dashed; height: 80px; border-radius: 10px; overflow: hidden; width: 345px;" v-if="itemx.type == 3" @click="bianji(itemx,indexx,$event)" :ref="'li'+index" :class="bianjiindex == indexx?'bianjizhong':''">
                          <!-- <div style="position: absolute; right: 0; top: 0; font-size: 15px; cursor: pointer;" @click="img_log6show"><img src="../../../static/img/shouye10.png" style="width: 23.5px;"></div> -->
                          <div class="flexcc" style="height: 80px;" v-if="listx.length == 0">轮播图模块</div>
                          <div style="background: rgb(220, 227, 238); border-radius: 10.5px; width: 345px; overflow: hidden; height: 78px;"  v-if="listx.length > 0">
                            <el-carousel :interval="5000" arrow="always" height="78px">
                                <el-carousel-item v-for="(item2,index2) in itemx.list" :key="index2">
                                  <img :src="item2.img">
                                </el-carousel-item>
                            </el-carousel>
                          </div>
                          <!-- <div style="background: rgb(220, 227, 238); border-radius: 10.5px; width: 345px; overflow: hidden; height: 80px;" class="flexcc"  v-if="lunbo.length == 0">
                            <img src="../../../static/img/shouye11.png" style="width: 24px; height: 24px;">
                          </div> -->
                        </div>

                        <div style="width: 345px; font-size: 12px; margin: 10px auto; border: 1px #ddd dashed; border-radius: 10px; overflow: hidden;" class="flexcc" v-if="itemx.type == 1" @click="bianji(itemx,indexx,$event)" :ref="'li'+index" :class="bianjiindex == indexx?'bianjizhong':''">
                          <div class="flexcc" style="height: 80px;" v-if="!itemx.img">图片模块</div>
                          <div v-if="itemx.img"><img :src="itemx.img" style="width: 100%;"></div>
                        </div>

                        <div style="width: 345px; font-size: 12px; margin: 10px auto; border: 1px #ddd dashed; border-radius: 10px;" class="flexcc" v-if="itemx.type == 2" @click="bianji(itemx,indexx,$event)" :ref="'li'+index" :class="bianjiindex == indexx?'bianjizhong':''">
                          <div class="flexcc" style="height: 80px;" v-if="!itemx.txt">文字模块</div>
                          <div v-if="itemx.txt" style="width:100%; padding: 20px;">{{itemx.txt}}</div>
                        </div>
                    </div>

                    <div class="flex" style="justify-content: space-around; padding:0 15px;">
                      <div class="flexcc" style="background: rgb(227, 232, 241); border-radius: 15px; width: 60px; height: 30px; font-size: 14px;" @click="search('')" :class="operator == ''?'act':''">全部</div>
                      <div class="flexcc" style="background: rgb(227, 232, 241); border-radius: 15px; width: 60px; height: 30px; font-size: 14px;" @click="search('10086')" :class="operator == '10086'?'act':''">移动</div>
                      <div class="flexcc" style="background: rgb(227, 232, 241); border-radius: 15px; width: 60px; height: 30px; font-size: 14px;" @click="search('10010')" :class="operator == '10010'?'act':''">联通</div>
                      <div class="flexcc" style="background: rgb(227, 232, 241); border-radius: 15px; width: 60px; height: 30px; font-size: 14px;" @click="search('10000')" :class="operator == '10000'?'act':''">电信</div>
                      <div class="flexcc" style="background: rgb(227, 232, 241); border-radius: 15px; width: 60px; height: 30px; font-size: 14px;" @click="search('10099')" :class="operator == '10099'?'act':''">广电</div>
                    </div>


                    <div class="flexc" style="margin:0 15px 15px 15px; background: #fff; border-radius: 30px;  border: 1px #ddd dashed; margin-top: 20px;" :class="bianjitype == 'diqu'?'bianjizhong':''"  @click="bianjitype = 'diqu'">
                      <div style="width: 65px; font-size: 14px; text-align:center; font-weight:bold; border-right: 1px #ccc solid; overflow: hidden;" class="shengluehao">
                        <span v-if="all.belong_type == 0">全国</span>
                        <span v-if="all.belong_type == 1">定位</span>
                        <van-icon name="arrow-down" />
                      </div>
                      <div><van-field  style="width: 225px;" round placeholder="请输入登录账号名" /></div>
                      <div style="font-size: 14px; color: #005AFF; flex:45px;" >搜索</div>
                    </div>

                    <div style="padding: 15px;">
                      <div style="background: rgb(255, 255, 255); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05); border-radius: 15px; position: relative; padding: 10px; margin-bottom: 15px;" v-for="item in list" :key="item.id">
                        <div style="position: absolute; left: 0; top: 0;"><img src="../../../static/img/shouye7.png" style="width: 42.5px; height: 42.5px;" v-if="item.is_main"></div>
                        <div class="flex">
                          <div><img :src="item.image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'" style="width: 100px; height: 100px; margin-right: 10px; border-radius: 5px;"></div>
                          <div style="width: 200px;">
                            <div style="font-size: 14px; margin-bottom: 5px;" v-if="!item.sale_name">{{item.title}}</div>
                            <div style="font-size: 14px; margin-bottom: 5px;" v-if="item.sale_name">{{item.sale_name}}</div>
                            <div style="font-size: 12px; color: rgb(254, 61, 61); margin-bottom: 5px;">{{item.points}}</div>
                            <div class="flex">
                              <div class="flexcc" style="width: 235px; flex: 1;">
                                <div>
                                  <div style="font-size: 14px; margin-bottom: 5px;" class="flexcc">{{item.liuliang}}G</div>
                                  <div style="color: rgb(120, 125, 133); font-size: 12px;" class="flexc">通用流量</div>
                                </div>
                              </div>
                              <div class="flexcc" style="width: 235px; flex: 1;">
                                <div>
                                  <div style="font-size: 14px; margin-bottom: 5px;" class="flexcc">{{item.dx_liuliang}}G</div>
                                  <div style="color: rgb(120, 125, 133); font-size: 12px;" class="flexc">定向流量</div>
                                </div>
                              </div>
                              <div class="flexcc" style="width: 235px; flex: 1;">
                                <div>
                                  <div style="font-size: 14px; margin-bottom: 5px;" class="flexcc">{{item.yuyin}}分钟</div>
                                  <div style="color: rgb(120, 125, 133); font-size: 12px;" class="flexc">通话时长</div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="flex" style="margin-top: 12.5px;">
                          <div style="background: rgb(255, 223, 223); border-radius: 9px; padding: 6px 15px; font-size: 12px; color: rgb(254, 61, 61); margin-right: 10px; margin-bottom: 10px;" v-if="item.selling_point.length>0 && item.selling_point[0]">{{item.selling_point[0]}}</div>
                          <div style="background: rgb(223, 255, 228); border-radius: 9px; padding: 6px 15px; font-size: 12px; color: rgb(8, 143, 26); margin-right: 10px; margin-bottom: 10px;" v-if="item.selling_point.length>0 && item.selling_point[1]">{{item.selling_point[1]}}</div>
                          <div style="background: rgb(233, 241, 255); border-radius: 9px; padding: 6px 15px; font-size: 12px; color: rgb(0, 90, 255); margin-right: 10px; margin-bottom: 10px;" v-if="item.selling_point.length>0 && item.selling_point[2]">{{item.selling_point[2]}}</div>
                          <div style="background: rgb(246, 248, 251); border-radius: 9px; padding: 6px 15px; font-size: 12px; color: rgb(120, 125, 133); margin-bottom: 10px;" v-if="item.selling_point.length>0 && item.selling_point[3]">{{item.selling_point[3]}}</div>
                        </div>
                        <div class="flexbc">
                          <div style="width: 80px; height: 30px; background: rgb(233, 241, 255); border-radius: 20px; font-size: 14px; color: rgb(0, 90, 255);" class="flexcc">
                            <div>分享</div>
                            <div><img src="../../../static/img/shouye8.png" style="width: 10px; margin-left: 5px;"></div>
                          </div>
                          <div class="flexcc" style="background: rgb(0, 90, 255); width: 238px; height: 30px; box-shadow: 0px 5px 10px 0px rgba(0, 90, 255, 0.1); border-radius: 15px; font-size: 14px; color: rgb(255, 255, 255);">立即办理</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div style="width: 400px;" >

                  <div class="baibeijing" style="padding: 30px;" v-if="bianjitype == 'diqu'">
                    <div style="text-align: left; margin-bottom:30px;">默认归属地</div>
                    <el-radio v-model="all.belong_type" :label="0">全国</el-radio>
                    <el-radio v-model="all.belong_type" :label="1">定位所在城市</el-radio>
                  </div>

                  <div class="baibeijing" style="padding: 30px;" v-if="bianjitype == 2">
                    <div style="text-align: center;">话术内容</div>
                    <div style="margin: 20px 0;">
                      <el-input v-model="listx[bianjiindex].txt"  type="textarea" :rows="4" style="width: 100%;" ></el-input>
                    </div>
                    <!-- <div class="flexcc">
                      <el-button round type="primary" @click="baocun">确 定</el-button>
                    </div> -->
                  </div>
                  <div class="baibeijing" style="padding: 30px; margin-top: 30px;"  v-if="bianjitype == 1">
                    <div style="text-align: center;">上传图片</div>
                    <div style="margin: 20px 0;" class="flexcc">
                      <div><chuantu :widths="'120px'" :heights="'120px'" :widths2="'120px'" :heights2="'120px'" :bg="'rgb(246, 248, 251)'" :imgs="listx[bianjiindex].img" @getimg="getimg23" v-if="relo"></chuantu></div>
                    </div>
                    <div style="margin: 20px 0;">
                      <el-input v-model="listx[bianjiindex].url" placeholder="跳转地址" ></el-input>
                    </div>
                    <!-- <div class="flexcc">
                      <el-button round type="primary" @click="baocun">确 定</el-button>
                    </div> -->
                  </div>
                  <div  v-if="bianjitype == 3">
                    <div v-for="(item,index) in listx[bianjiindex].list" :key="index" style="background: rgb(255, 255, 255); padding:30px; margin-bottom: 20px;">
                      <div>{{index+1}}/3</div>
                      <div class="flexc" style="margin-bottom: 20px;">
                        <div style="margin-right: 10px; font-size: 12px;">上传图片：</div>
                        <chuantu :widths="'110px'" :heights="'110px'" :widths2="'110px'" :heights2="'110px'" :bg="'rgb(239, 239, 239)'"  :buyaoshanchu="true" :txt="'点击上传图片'" :imgs="item.img" @getimg="getimg22($event,index)" v-if="relo"></chuantu>
                        <div style="margin: 10px;">
                          <div style="margin: 10px 0;  font-size: 12px;">宽度不超过1080像素</div>
                          <div style="width: 73px; height: 34px; font-size: 14px; background: rgb(228, 234, 236); cursor: pointer; color: rgb(0, 97, 255); border-radius: 17px;" class="flexcc" @click="shanchu(index)" >删除</div>
                        </div>
                      </div>
                      <div class="flexc" style="margin-bottom: 20px;">
                        <div style="margin-right: 10px; font-size: 12px;">跳转地址：</div>
                        <div ><el-input v-model="item.img_url" placeholder="输入点击图片后跳转的网址" style="width: 270px;"></el-input></div>
                      </div>
                    </div>
                    <div style="width: 98px; height: 42px;  cursor: pointer; font-size: 14px; background: rgb(233, 245, 255); border: 1px solid rgb(0, 97, 255); color: rgb(0, 97, 255); border-radius: 24px;" class="flexcc" @click="add2" v-if="listx[bianjiindex].list.length <= 2">新增图片</div>
                    <!-- <div class="flexcc">
                      <el-button round type="primary" @click="baocun">确 定</el-button>
                    </div> -->
                  </div>
                </div>
              </div>
            </div>
            <!-- 成功页配置 -->
            <div v-show="act == 2">
              <div class="flexc" style="font-size: 16px; font-weight: bold; margin-bottom: 20px; margin-top: 30px;">
                <div><img src="../../../static/img/bianji1.png" style="width: 22px; margin-right: 10px;"></div>
                <div>当前布局</div>
              </div>

              <div class="flex">
                <div style="background: rgb(227, 232, 241); border-radius: 20px; width: 600px; height: 890px; margin-right: 50px; overflow: auto;">
                  <div style="width: 350px; margin: 20px auto;">
                      <div style="position: relative;">
                        <img src="https://file.91haoka.cn/test-img/1729576630642.png" style="width: 350px;">
                        <div style="position: absolute; top: 305px; left: 25px; width: 300px; text-align: center; overflow: hidden;">
                        <div style="margin-bottom:10px">已提交审核</div>
                          {{all.success.huashu}}
                        </div>
                        <div style="position: absolute; top: 420px; width: 100%; left: 0;" class="flexcc">
                          <div class="flexc">
                            <div>
                              <div class="flexcc"><img v-if="all.success.erweima" :src="all.success.erweima" style="width: 100px; height: 100px; "></div>
                              <div style="margin: 20px 0; text-align: center; color: rgb(116, 116, 116);">{{all.success.erweimazi}}</div>
                            </div>
                          </div>
                        </div>
                      </div>
                  </div>
                </div>

                <div style="width: 400px;" >
                  <div class="baibeijing" style="padding: 30px;">
                    <div style="text-align: center;">话术内容</div>
                    <div style="margin: 20px 0;">
                      <el-input v-model="all.success.huashu"  type="textarea" :rows="4" style="width: 100%;" ></el-input>
                    </div>
                    <!-- <div class="flexcc">
                      <el-button round type="primary" @click="baocun">确 定</el-button>
                    </div> -->
                  </div>
                  <div class="baibeijing" style="padding: 30px; margin-top: 30px;">
                    <div style="text-align: center;">上传二维码</div>
                    <div style="margin: 20px 0;" class="flexcc">
                      <div><chuantu :widths="'120px'" :heights="'120px'" :widths2="'120px'" :heights2="'120px'" :bg="'rgb(246, 248, 251)'" :imgs="all.success.erweima" @getimg="getimger" v-if="relo"></chuantu></div>
                    </div>
                    <div style="margin: 20px 0;">
                      <el-input v-model="all.success.erweimazi" placeholder="输入二维码说明文字" ></el-input>
                    </div>
                    <!-- <div class="flexcc">
                      <el-button round type="primary" @click="baocun">确 定</el-button>
                    </div> -->
                  </div>
                </div>
              </div>
            </div>
            <div v-show="act == 3">
              <dianpuhaibao ref="baocundeneirong" @baocundeneirongv="baocundeneirongv"></dianpuhaibao>
            </div>
            <!-- 下单详情页设置 -->
            <div v-show="act == 4">
              <div class="flexc" style="font-size: 16px; font-weight: bold; margin-bottom: 20px; margin-top: 30px;">
                <div><img src="../../../static/img/buju.png" style="width: 22px; margin-right: 10px;"></div>
                <div>当前布局</div>
              </div>

              <div class="flex">
                <div style="background: rgb(227, 232, 241); border-radius: 20px; width: 600px; height: 890px; margin-right: 50px; overflow: auto;">
                  <div style="width: 350px; margin: 20px auto;">
                      <div v-if="all.h5_index==0&&all.h5_cust==0" style="position: relative;">
                        <img src="../../../static/img/doumeiyoubuju.png" style="width: 350px;">
                      </div>
                      <div v-if="all.h5_index==1&&all.h5_cust==1">
                        <img  src="../../../static/img/douyoubuju.png" style="width: 350px;">
                      </div>
                      <div v-if="all.h5_index==1&&all.h5_cust==0">
                        <img  src="../../../static/img/youshouyebuju.png" style="width: 350px;">
                      </div>
                      <div v-if="all.h5_cust==1&&all.h5_index==0">
                        <img  src="../../../static/img/lianxikefubuju.png" style="width: 350px;">
                      </div>
                  </div>
                </div>

                <div style="width: 400px;">
                  <div class="baibeijing" style="display:flex">
                    <div style="margin-left:10px;font-weight:500;font-weight: bold">首页按钮</div>
                    <div style="margin-left:224px">
                      <el-switch
                        v-model="all.h5_index"
                        :active-color="'rgb(0, 90, 255)'"
                        :inactive-color="'#DCDFE6'"
                        :active-value="1"
                        :inactive-value="0"
                        @change=shouyeChangeSwitch
                        >
                      </el-switch>
                    </div>
                  </div>
                  <div class="baibeijing" style="display:flex;margin-top:20px">
                    <div style="margin-left:10px;font-weight:500;font-weight: bold">选择客服按钮</div>
                    <div style="margin-left:188px">
                      <el-switch
                        v-model="all.h5_cust"
                        :active-color="'rgb(0, 90, 255)'"
                        :inactive-color="'#DCDFE6'"
                        :active-value="1"
                        :inactive-value="0"
                        @change=lianxikefuChangeSwitch>
                      </el-switch>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- <footers></footers> -->
          </div>

      </div>
    </div>

    <el-dialog title="图片替换" :visible.sync="img_log" class="ts" center width="435px" :close-on-click-modal="false" :close-on-press-escape="false">
      <div><chuantu5 :widths="'375px'" :heights="'150px'" :heights2="'150px'" :bg="'rgb(222, 233, 242)'" :imgs="all.top_pic" :txt="'点击上传图片'" @getimg="getimg" @guanshangba="guanbiba" v-if="relo"></chuantu5></div>
      <!-- <div class="flex" style="justify-content: space-around; margin-top: 30px;">
        <div style="width: 98px; height: 42px; font-size: 14px; background: rgb(213, 213, 213); border-radius: 24px;" class="flexcc" @click="img_log = false">取消</div>
        <div style="width: 98px; height: 42px; font-size: 14px; background: rgb(64, 156, 255); color: rgb(255, 255, 255); border-radius: 24px;" class="flexcc" @click="baocun">确定</div>
      </div> -->
    </el-dialog>
    <el-dialog title="图片替换" :visible.sync="img_log3" class="ts" center width="420px" :close-on-click-modal="false" :close-on-press-escape="false">
      <div><chuantu :widths="'370px'" :widths2="'370px'" :bg="'rgb(222, 233, 242)'" :imgs="all.top_pic" :txt="'点击上传图片'" @getimg="getimg3" v-if="relo"></chuantu></div>
      <!-- <div class="flex" style="justify-content: space-around; margin-top: 30px;">
        <div style="width: 98px; height: 42px; font-size: 14px; background: rgb(213, 213, 213); border-radius: 24px;" class="flexcc" @click="img_log3 = false">取消</div>
        <div style="width: 98px; height: 42px; font-size: 14px; background: rgb(64, 156, 255); color: rgb(255, 255, 255); border-radius: 24px;" class="flexcc" @click="baocun">确定</div>
      </div> -->
    </el-dialog>
    <el-dialog title="联系客服" :visible.sync="img_log2" class="ts" center width="420px" :close-on-click-modal="false" :close-on-press-escape="false">
      <div class="flexcc"><chuantu :widths="'230px'" :heights="'230px'" :widths2="'230px'" :txt="'点击上传二维码'" :bg="'rgb(222, 233, 242)'" :imgs="all.img" @getimg="getimg2" v-if="relo"></chuantu></div>
      <div style="margin: 30px 0;"><el-input v-model="all.cust_url" placeholder="输入企微客服跳转链接" style="width: 370px;"></el-input></div>
      <!-- <div class="flex" style="justify-content: space-around; margin-top: 30px;">
        <div style="width: 98px; height: 42px; font-size: 14px; background: rgb(213, 213, 213); border-radius: 24px;" class="flexcc" @click="img_log2 = false">取消</div>
        <div style="width: 98px; height: 42px; font-size: 14px; background: rgb(64, 156, 255); color: rgb(255, 255, 255); border-radius: 24px;" class="flexcc" @click="baocun">确定</div>
      </div> -->
    </el-dialog>
    <el-dialog title="店铺名称" :visible.sync="img_log4" class="ts" center width="420px" :close-on-click-modal="false" :close-on-press-escape="false">
      <div style="margin-bottom: 20px;"><el-input v-model="all.store_name" placeholder="输入店铺名称" style="width: 370px;"></el-input></div>
      <div style="margin-bottom: 20px;"><el-input v-model="all.store_slogan" maxlength="20" placeholder="输入店铺宣传语" style="width: 370px;"></el-input></div>
      <div class="flexc" style="margin-bottom: 20px;">
        <div style="margin-right: 10px;">店铺LOGO图标：</div>
        <chuantu :widths="'200px'" :heights="'200px'"  :widths2="'200px'" :bg="'rgb(222, 233, 242)'"  :txt="'点击上传图片'" :imgs="all.left_pic" @getimg="getimg4" v-if="relo"></chuantu>
      </div>
      <div style="margin-bottom: 30px;" class="flexc">
        店铺评分：
        <div style="width: 180px; border-radius: 20px; height: 40px; border-radius: 20px; border: 1px solid rgb(228, 227, 227); overflow: hidden;" class="flex">
          <div style="flex: 1;" class="flexcc" @click="all.right_radio = 1" :class="all.right_radio == 1?'xianshi':'buxianshi'">显示</div>
          <div style="flex: 1;" class="flexcc" @click="all.right_radio = 0" :class="all.right_radio == 0?'xianshi':'buxianshi'">不显示</div>
        </div>
      </div>
      <!-- <div class="flex" style="justify-content: space-around; margin-top: 30px;">
        <div style="width: 98px; height: 42px; font-size: 14px; background: rgb(213, 213, 213); border-radius: 24px;" class="flexcc" @click="img_log4 = false">取消</div>
        <div style="width: 98px; height: 42px; font-size: 14px; background: rgb(64, 156, 255); color: rgb(255, 255, 255); border-radius: 24px;" class="flexcc" @click="baocun">确定</div>
      </div> -->
    </el-dialog>
    <el-dialog title="分享店铺" :visible.sync="img_log5" center width="420px" :close-on-click-modal="false" :close-on-press-escape="false">
      <!-- <div class="flexcc"><chuantu :widths="'230px'" :heights="'230px'" :txt="'点击上传海报'" :bg="'rgb(222, 233, 242)'" :imgs="all.poster" @getimg="getimg5" v-if="relo"></chuantu></div>
      <div style="text-align: center; padding: 20px; color: rgb(88, 88, 88);">下载下方二维码然后制作完分享海报后上传</div>
      <div class="flexcc"><div class="qrcode" ref="qrCodeUrl" style="margin: 0 auto;"></div></div>
      <div style="text-align: center; padding: 20px; color: rgb(88, 88, 88);">我的店铺二维码</div> -->
      <img :src="store_poster" style="width: 100%; margin-bottom: 20px;" v-if="store_poster">
      <div style="text-align: center; color: rgb(26, 18, 243);" @click="xiazai"  v-if="store_poster">保存分享店铺</div>
      <div style="text-align: center; color: rgb(26, 18, 243);" v-if="!store_poster">未配置，请先配置推广海报</div>
      <!-- <div class="flex" style="justify-content: space-around; margin-top: 30px;">
        <div style="width: 98px; height: 42px; font-size: 14px; background: rgb(213, 213, 213); border-radius: 24px;" class="flexcc" @click="img_log5 = false">取消</div>
        <div style="width: 98px; height: 42px; font-size: 14px; background: rgb(64, 156, 255); color: rgb(255, 255, 255); border-radius: 24px;" class="flexcc" @click="baocun">确定</div>
      </div> -->
    </el-dialog>

    <!-- <el-dialog title="轮播图" :visible.sync="img_log6" class="ts2" center width="580px" :close-on-click-modal="false" :close-on-press-escape="false">
      <div v-for="(item,index) in lunbo2" :key="index" style="background: rgb(246, 248, 251); padding:30px; margin-bottom: 20px;" @click="changeindex(index)">
        <div>{{index+1}}/3</div>
        <div class="flexc" style="margin-bottom: 20px;">
          <div style="margin-right: 10px;">上传图片：</div>
          <chuantu :widths="'110px'" :heights="'110px'" :bg="'rgb(239, 239, 239)'"  :buyaoshanchu="true" :txt="'点击上传图片'" :imgs="item.img" @getimg="getimg6" v-if="relo"></chuantu>
          <div style="margin: 0 10px;">宽度不超过1080像素</div>
          <div style="width: 73px; height: 34px; font-size: 14px; background: rgb(228, 234, 236); cursor: pointer; color: rgb(0, 97, 255); border-radius: 17px;" class="flexcc" @click="shanchulunbo(item,index)" >删除</div>
        </div>
        <div class="flexc" style="margin-bottom: 20px;">
          <div style="margin-right: 10px;">跳转地址：</div>
          <div ><el-input v-model="item.img_url" placeholder="输入点击图片后跳转的网址" style="width: 270px;"></el-input></div>
        </div>

      </div>
      <div style="width: 98px; height: 42px;  cursor: pointer; font-size: 14px; background: rgb(233, 245, 255); border: 1px solid rgb(0, 97, 255); color: rgb(0, 97, 255); border-radius: 24px;" class="flexcc" @click="xinzenglunbo" v-if="lunbo2.length <= 2">新增图片</div>

      <div class="flex" style="justify-content: space-around; margin-top: 30px;" v-if="lunbo2.length > 0">
        <div style="width: 98px; height: 42px; font-size: 14px; background: rgb(213, 213, 213);  cursor: pointer; border-radius: 24px;" class="flexcc" @click="img_log6 = false">取消</div>
        <div style="width: 98px; height: 42px; font-size: 14px; background: rgb(64, 156, 255);  cursor: pointer; color: rgb(255, 255, 255); border-radius: 24px;" class="flexcc" @click="baocunlunbo">确定</div>
      </div>
    </el-dialog> -->
    <div v-if="shoujiban" style=" color: rgb(2, 12, 29); font-size: 0.24rem; background: #f6f8fb;">

      <div class="flexbc" style="background: #fff; padding: 0.1rem 0.2rem; margin-top: 0.2rem;">
        <div class="flexc">
          <div class="tuiguangli" style="margin-right: 0.2rem;" :class="act == 1?'tuiguangliact':''" @click="act = 1">商城首页</div>
          <div class="tuiguangli" style="margin-right: 0.2rem;" :class="act == 2?'tuiguangliact':''" @click="act = 2">下单成功页</div>
          <div class="tuiguangli" style="margin-right: 0.2rem;" :class="act == 3?'tuiguangliact':''" @click="act = 3">推广海报</div>
        </div>
        <div><el-button round type="primary" @click="baocunk">发布</el-button></div>
      </div>
      <div style="padding: 0.3rem; padding-bottom: 3rem;" v-show="act == 1">


        <!-- 首页配置 -->
        <div>
          <div class="flexc" style="font-size: 16px; font-weight: bold; margin-bottom: 20px; margin-top: 30px;">
            <div><img src="../../../static/img/bianji1.png" style="width: 22px; margin-right: 10px;"></div>
            <div>当前布局</div>
          </div>

          <div style="padding: 0.2rem; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99;" class="baibeijing" >
            <div class="flexcc" style="font-size: 0.3rem; margin-bottom: 0.2rem; color: rgb(175, 179, 188);">添加模块</div>
            <div class="flexcc">
              <div>
                <div style="width: 1.7rem; height: 1rem; cursor: pointer; border: 1px solid rgb(227, 232, 241); border-radius: 10px; margin-bottom: 10px;" class="flexcc"   @click="add(1)">
                  <img src="https://gperson.gantanhaokeji.top/fabu15.png" style="width: 0.5rem;">
                </div>
                <div style="width: 1.7rem; background: rgb(246, 248, 251); cursor: pointer;  padding: 0.2rem 0.2rem; border-radius: 0.4rem; color: rgb(120, 125, 133);" class="flexbc"   @click="add(1)">
                  <div>图片模块</div>
                  <div>+</div>
                </div>
              </div>

              <div style="margin: 0 0.6rem;">
              <div style="width: 1.7rem; height: 1rem; cursor: pointer; border: 1px solid rgb(227, 232, 241); border-radius: 10px; margin-bottom: 10px;" class="flexcc"  @click="add(2)">
                <img src="https://gperson.gantanhaokeji.top/fabu4.png" style="width: 0.5rem;">
              </div>
              <div style="width: 1.7rem; background: rgb(246, 248, 251); cursor: pointer;  padding: 0.2rem 0.2rem; border-radius: 0.4rem; color: rgb(120, 125, 133);" class="flexbc" @click="add(2)">
                <div>文字说明</div>
                <div>+</div>
              </div>
              </div>
              <div>
              <div style="width: 1.7rem; height: 1rem; cursor: pointer; border: 1px solid rgb(227, 232, 241); border-radius: 10px; margin-bottom: 10px;" class="flexcc"  @click="add(3)">
                <img src="https://gperson.gantanhaokeji.top/fabu4.png" style="width: 0.5rem;">
              </div>
              <div style="width: 1.7rem; background: rgb(246, 248, 251); cursor: pointer;  padding: 0.2rem 0.2rem; border-radius: 0.4rem; color: rgb(120, 125, 133);" class="flexbc"  @click="add(3)">
                <div>轮播图</div>
                <div>+</div>
              </div>
              </div>
              <!-- <div style="margin-right: 0.5rem;" @click="add(1)">
                <div class="flexcc" style="margin-bottom: 0.2rem; height: 0.5rem;"><img src="https://gperson.gantanhaokeji.top/fabu2.png" style="width: 0.5rem;"></div>
                <div>图片模块</div>
              </div>
              <div style="margin-right: 0.5rem;"  @click="add(2)">
                <div class="flexcc" style="margin-bottom: 0.2rem; height: 0.5rem;"><img src="https://gperson.gantanhaokeji.top/fabu4.png" style="width: 0.5rem;"></div>
                <div>文字说明</div>
              </div>
              <div @click="add(3)">
                <div class="flexcc" style="margin-bottom: 0.2rem; height: 0.5rem;"><img src="https://gperson.gantanhaokeji.top/fabu4.png" style="width: 0.5rem;"></div>
                <div>轮播图</div>
              </div> -->
            </div>
           <!-- <div style="width: 150px; height: 100px; cursor: pointer; border: 1px solid rgb(227, 232, 241); border-radius: 10px; margin-bottom: 10px;" class="flexcc"   @click="add(1)">
              <img src="https://gperson.gantanhaokeji.top/fabu2.png" style="width: 50px;">
            </div>
            <div style="width: 150px; background: rgb(246, 248, 251); cursor: pointer; height: 40px; padding: 0 20px; border-radius: 20px; color: rgb(120, 125, 133);" class="flexbc"   @click="add(1)">
              <div>图片模块</div>
              <div>+</div>
            </div>
            <div style="width: 100%; height: 1px; background: rgb(227, 232, 241); margin: 30px 0;"></div>

            <div style="width: 150px; height: 100px; cursor: pointer; border: 1px solid rgb(227, 232, 241); border-radius: 10px; margin-bottom: 10px;" class="flexcc"  @click="add(2)">
              <img src="https://gperson.gantanhaokeji.top/fabu4.png" style="width: 50px;">
            </div>
            <div style="width: 150px; background: rgb(246, 248, 251); cursor: pointer; height: 40px; padding: 0 20px; border-radius: 20px; color: rgb(120, 125, 133);" class="flexbc" @click="add(2)">
              <div>文字说明</div>
              <div>+</div>
            </div>
            <div style="width: 100%; height: 1px; background: rgb(227, 232, 241); margin: 30px 0;"></div>

            <div style="width: 150px; height: 100px; cursor: pointer; border: 1px solid rgb(227, 232, 241); border-radius: 10px; margin-bottom: 10px;" class="flexcc"  @click="add(3)">
              <img src="https://gperson.gantanhaokeji.top/fabu4.png" style="width: 50px;">
            </div>
            <div style="width: 150px; background: rgb(246, 248, 251); cursor: pointer; height: 40px; padding: 0 20px; border-radius: 20px; color: rgb(120, 125, 133);" class="flexbc"  @click="add(3)">
              <div>轮播图</div>
              <div>+</div>
            </div> -->
          </div>

            <div class="flex">


              <div style="background: rgb(227, 232, 241); border-radius: 0.2rem; width: 100%; position: relative;">
                <div style="position: fixed; right: 0; top: 30%;" v-if="bianjiindex != 9999">
                  <div class="flexcc" style="width: 0.4rem; height: 0.4rem; background: rgb(255, 231, 231); border-radius: 5px; margin-bottom: 0.2rem;" @click="shan()">
                    <img src="https://gperson.gantanhaokeji.top/fabu6.png" style="width: 15px;">
                  </div>
                  <div class="flexcc" style="width: 0.4rem; height: 0.4rem; background: rgb(245, 245, 245); border-radius: 5px; margin-bottom: 0.2rem;" @click="shang()">
                    <img src="https://gperson.gantanhaokeji.top/fabu7.png" style="width: 15px;">
                  </div>
                  <div class="flexcc" style="width: 0.4rem; height: 0.4rem; background: rgb(245, 245, 245); border-radius: 5px; margin-bottom: 0.2rem;" @click="xia()">
                    <img src="https://gperson.gantanhaokeji.top/fabu8.png" style="width: 15px;">
                  </div>
                </div>
                <div style="width: 100%; margin: 0.2rem auto; background: #fff; ">

                  <div><img src="https://gperson.gantanhaokeji.top/fabu5.png" style="width: 100%;"></div>
                  <div style="position: relative; height: 240px;">
                    <img :src="all.top_pic" style="width: 100%; height: 150px;">
                    <div style="position: absolute; right: 0; top: 0; font-size: 15px; cursor: pointer;" @click="img_log = true"><img src="../../../static/img/shouye10.png" style="width: 23.5px;"></div>
                    <div style="position: absolute; top: 80px; left: 0.25rem; width: 6.35rem; padding: 15px; background: rgb(255, 255, 255); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05); border-radius: 0.15rem;">
                      <div class="flexbc">
                        <div class="flexbc" style="padding-bottom: 15px; width: 5.5rem;">
                          <div class="flexc">
                            <div style="position: relative;">
                              <img :src="all.left_pic || 'https://gperson.gantanhaokeji.top/shouye2.png'" style="width: 0.9rem; height: 0.9rem;">
                              <div style="position: absolute; right: 0; top: 0; font-size: 15px; cursor: pointer;" @click="img_log4 = true"><img src="../../../static/img/shouye10.png" style="width: 23.5px;"></div>
                            </div>
                            <div class="flexcc">
                              <div style="margin-left: 7.5px;">
                                <div style="color: rgb(2, 12, 29); font-size: 15px; ">{{all.store_name}}</div>
                                <div style="color: rgb(120, 125, 133); font-size: 11px; max-width: 2.3rem;">{{all.store_slogan}}</div>
                              </div>
                            </div>
                          </div>
                          <div style="position: relative;" v-if="all.right_radio">
                            <img :src="all.right_pic" style="width: 79px; height: 38px;">
                            <!-- <div style="position: absolute; right: 0; top: 0; font-size: 30px; cursor: pointer;" @click="img_log3 = true"><img src="../../../static/img/shouye10.png" style="width: 47px;"></div> -->
                          </div>
                        </div>
                        <div style="height: 1px; width: 345px; background: rgb(227, 232, 241); "></div>
                        <div class="flex" style="justify-content: space-between; width: 345px; padding-top: 10px;">
                          <div style="flex: 1;">
                            <div class="flexcc"><img src="../../../static/img/shouye3.png" style="width: 0.5rem; height: 0.5rem; margin-bottom: 5px;"></div>
                            <div class="flexcc" style="font-size: 12px;">一键通查</div>
                          </div>
                          <div style="flex: 1;">
                            <div class="flexcc"><img src="../../../static/img/shouye4.png" style="width: 0.5rem; height: 0.5rem; margin-bottom: 5px;"></div>
                            <div class="flexcc" style="font-size: 12px;">订单查询</div>
                          </div>
                          <div style="flex: 1;">
                            <div class="flexcc" style="position: relative;">
                              <img src="../../../static/img/shouye5.png" style="width: 0.5rem; height: 0.5rem; margin-bottom: 5px;">
                              <div style="position: absolute; right: 0; top: 0; font-size: 15px; cursor: pointer;" @click="img_log2 = true"><img src="../../../static/img/shouye10.png" style="width: 23.5px;"></div>
                            </div>
                            <div class="flexcc" style="font-size: 12px;">联系客服</div>
                          </div>
                          <div style="flex: 1;" @click="act = 3">
                            <!-- @click="creatQrCode('http://www.baidu.com')" -->
                            <div class="flexcc" style="position: relative;">
                              <div class="flexcc"><img src="../../../static/img/shouye6.png" style="width: 0.5rem; height: 0.5rem; margin-bottom: 5px;"></div>
                               <!-- @click="img_log5 = true" -->
                              <div style="position: absolute; right: 0; top: 0; font-size: 15px; cursor: pointer;"><img src="../../../static/img/shouye10.png" style="width: 23.5px;"></div>
                            </div>
                            <div class="flexcc" style="font-size: 12px;">分享店铺</div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>


                  <div v-for="(itemx,indexx) in listx" :key="indexx">
                      <div class="flexcc" style="margin: 10px auto; position: relative; border: 1px #ddd dashed; height: 80px; border-radius: 10px; overflow: hidden; width: 6rem;" v-if="itemx.type == 3" @click="bianji(itemx,indexx,$event)" :ref="'li'+index" :class="bianjiindex == indexx?'bianjizhong':''">
                        <!-- <div style="position: absolute; right: 0; top: 0; font-size: 15px; cursor: pointer;" @click="img_log6show"><img src="../../../static/img/shouye10.png" style="width: 23.5px;"></div> -->
                        <div class="flexcc" style="height: 80px;" v-if="listx.length == 0">轮播图模块</div>
                        <div style="background: rgb(220, 227, 238); border-radius: 10.5px; width: 6rem; overflow: hidden; height: 78px;"  v-if="listx.length > 0">
                          <el-carousel :interval="5000" arrow="always" height="78px">
                              <el-carousel-item v-for="(item2,index2) in itemx.list" :key="index2">
                                <img :src="item2.img">
                              </el-carousel-item>
                          </el-carousel>
                        </div>
                        <!-- <div style="background: rgb(220, 227, 238); border-radius: 10.5px; width: 345px; overflow: hidden; height: 80px;" class="flexcc"  v-if="lunbo.length == 0">
                          <img src="../../../static/img/shouye11.png" style="width: 24px; height: 24px;">
                        </div> -->
                      </div>

                      <div style="width: 6rem; font-size: 12px; margin: 10px auto; border: 1px #ddd dashed; border-radius: 10px; overflow: hidden;" class="flexcc" v-if="itemx.type == 1" @click="bianji(itemx,indexx,$event)" :ref="'li'+index" :class="bianjiindex == indexx?'bianjizhong':''">
                        <div class="flexcc" style="height: 80px;" v-if="!itemx.img">图片模块</div>
                        <div v-if="itemx.img"><img :src="itemx.img" style="width: 100%;"></div>
                      </div>

                      <div style="width: 6rem; font-size: 12px; margin: 10px auto; border: 1px #ddd dashed; border-radius: 10px;" class="flexcc" v-if="itemx.type == 2" @click="bianji(itemx,indexx,$event)" :ref="'li'+index" :class="bianjiindex == indexx?'bianjizhong':''">
                        <div class="flexcc" style="height: 80px;" v-if="!itemx.txt">文字模块</div>
                        <div v-if="itemx.txt" style="width:100%; padding: 20px;">{{itemx.txt}}</div>
                      </div>
                  </div>

                  <div class="flex" style="justify-content: space-around; padding:0 15px; height: 30px; width: 100%; overflow: auto;">
                    <div class="flexcc" style="background: rgb(227, 232, 241); border-radius: 15px; flex: 1; height: 30px; font-size: 14px;" @click="search('')" :class="operator == ''?'act':''">全部</div>
                    <div class="flexcc" style="background: rgb(227, 232, 241); border-radius: 15px; flex: 1; height: 30px; font-size: 14px;" @click="search('10086')" :class="operator == '10086'?'act':''">移动</div>
                    <div class="flexcc" style="background: rgb(227, 232, 241); border-radius: 15px; flex: 1; height: 30px; font-size: 14px;" @click="search('10010')" :class="operator == '10010'?'act':''">联通</div>
                    <div class="flexcc" style="background: rgb(227, 232, 241); border-radius: 15px; flex: 1; height: 30px; font-size: 14px;" @click="search('10000')" :class="operator == '10000'?'act':''">电信</div>
                    <div class="flexcc" style="background: rgb(227, 232, 241); border-radius: 15px; flex: 1; height: 30px; font-size: 14px;" @click="search('10099')" :class="operator == '10099'?'act':''">广电</div>
                  </div>

                  <div style="margin: 10px 0">
                    <img src="https://file.91haoka.cn/test-img/1733378592044.jpeg">
                  </div>

                  <div style="padding: 0.2rem 0.1rem;">
                    <div style="background: rgb(255, 255, 255); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05); border-radius: 15px; position: relative; padding: 0.1rem; margin-bottom: 0.15rem;" v-for="item in list" :key="item.id">
                      <div style="position: absolute; left: 0; top: 0;"><img src="../../../static/img/shouye7.png" style="width: 42.5px; height: 42.5px;" v-if="item.is_main"></div>
                      <div class="flex">
                        <div><img :src="item.image1 || 'https://91haoka.cn/gth/static/img/kenan.jpg'" style="width: 1.5rem; height: 1.5rem; margin-right: 0.2rem; border-radius: 5px;"></div>
                        <div style="width: 3.8rem;">
                          <div style="font-size: 14px; margin-bottom: 5px;" v-if="!item.sale_name">{{item.title}}</div>
                          <div style="font-size: 14px; margin-bottom: 5px;" v-if="item.sale_name">{{item.sale_name}}</div>
                          <div style="font-size: 12px; color: rgb(254, 61, 61); margin-bottom: 5px;">{{item.points}}</div>
                          <div class="flex">
                            <div class="flexcc" style="width: 235px; flex: 1;">
                              <div>
                                <div style="font-size: 14px; margin-bottom: 5px;" class="flexcc">{{item.liuliang}}G</div>
                                <div style="color: rgb(120, 125, 133); font-size: 12px;" class="flexc">通用流量</div>
                              </div>
                            </div>
                            <div class="flexcc" style="width: 235px; flex: 1;">
                              <div>
                                <div style="font-size: 14px; margin-bottom: 5px;" class="flexcc">{{item.dx_liuliang}}G</div>
                                <div style="color: rgb(120, 125, 133); font-size: 12px;" class="flexc">定向流量</div>
                              </div>
                            </div>
                            <div class="flexcc" style="width: 235px; flex: 1;">
                              <div>
                                <div style="font-size: 14px; margin-bottom: 5px;" class="flexcc">{{item.yuyin}}分钟</div>
                                <div style="color: rgb(120, 125, 133); font-size: 12px;" class="flexc">通话时长</div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="flex" style="margin-top: 12.5px;">
                        <div style="background: rgb(255, 223, 223); border-radius: 9px; padding: 6px 15px; font-size: 12px; color: rgb(254, 61, 61); margin-right: 10px; margin-bottom: 10px;" v-if="item.selling_point.length>0 && item.selling_point[0]">{{item.selling_point[0]}}</div>
                        <div style="background: rgb(223, 255, 228); border-radius: 9px; padding: 6px 15px; font-size: 12px; color: rgb(8, 143, 26); margin-right: 10px; margin-bottom: 10px;" v-if="item.selling_point.length>0 && item.selling_point[1]">{{item.selling_point[1]}}</div>
                        <div style="background: rgb(233, 241, 255); border-radius: 9px; padding: 6px 15px; font-size: 12px; color: rgb(0, 90, 255); margin-right: 10px; margin-bottom: 10px;" v-if="item.selling_point.length>0 && item.selling_point[2]">{{item.selling_point[2]}}</div>
                        <div style="background: rgb(246, 248, 251); border-radius: 9px; padding: 6px 15px; font-size: 12px; color: rgb(120, 125, 133); margin-bottom: 10px;" v-if="item.selling_point.length>0 && item.selling_point[3]">{{item.selling_point[3]}}</div>
                      </div>
                      <div class="flexbc">
                        <div style="width: 1.2rem; height: 30px; background: rgb(233, 241, 255); border-radius: 20px; font-size: 14px; color: rgb(0, 90, 255);" class="flexcc">
                          <div>分享</div>
                          <div><img src="../../../static/img/shouye8.png" style="width: 10px; margin-left: 5px;"></div>
                        </div>
                        <div class="flexcc" style="background: rgb(0, 90, 255); width: 4rem; height: 30px; box-shadow: 0px 5px 10px 0px rgba(0, 90, 255, 0.1); border-radius: 15px; font-size: 14px; color: rgb(255, 255, 255);">立即办理</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <el-dialog title="编辑" :visible.sync="img_log10" center width="100%" :close-on-click-modal="false" :close-on-press-escape="false">
                <div class="baibeijing" style="padding: 30px;" v-if="bianjitype == 2">
                  <div style="text-align: center;">话术内容</div>
                  <div style="margin: 20px 0;">
                    <el-input v-model="listx[bianjiindex].txt"  type="textarea" :rows="4" style="width: 100%;" ></el-input>
                  </div>
                  <!-- <div class="flexcc">
                    <el-button round type="primary" @click="baocun">确 定</el-button>
                  </div> -->
                </div>
                <div class="baibeijing" style="padding: 30px; margin-top: 30px;"  v-if="bianjitype == 1">
                  <div style="text-align: center;">上传图片</div>
                  <div style="margin: 20px 0;" class="flexcc">
                    <div><chuantu :widths="'120px'" :heights="'120px'" :widths2="'120px'" :heights2="'120px'" :bg="'rgb(246, 248, 251)'" :imgs="listx[bianjiindex].img" @getimg="getimg23" v-if="relo"></chuantu></div>
                  </div>
                  <div style="margin: 20px 0;">
                    <el-input v-model="listx[bianjiindex].url" placeholder="跳转地址" ></el-input>
                  </div>
                  <!-- <div class="flexcc">
                    <el-button round type="primary" @click="baocun">确 定</el-button>
                  </div> -->
                </div>
                <div  v-if="bianjitype == 3">
                  <div v-for="(item,index) in listx[bianjiindex].list" :key="index" style="background: rgb(255, 255, 255); padding:30px; margin-bottom: 20px;">
                    <div>{{index+1}}/3</div>
                    <div class="flexc" style="margin-bottom: 20px;">
                      <div style="margin-right: 10px; font-size: 12px;">上传图片：</div>
                      <chuantu :widths="'110px'" :heights="'110px'" :widths2="'110px'" :heights2="'110px'" :bg="'rgb(239, 239, 239)'"  :buyaoshanchu="true" :txt="'点击上传图片'" :imgs="item.img" @getimg="getimg22($event,index)" v-if="relo"></chuantu>
                      <div style="margin: 10px;">
                        <div style="margin: 10px 0;  font-size: 12px;">宽度不超过1080像素</div>
                        <div style="width: 73px; height: 34px; font-size: 14px; background: rgb(228, 234, 236); cursor: pointer; color: rgb(0, 97, 255); border-radius: 17px;" class="flexcc" @click="shanchu(index)" >删除</div>
                      </div>
                    </div>
                    <div class="flexc" style="margin-bottom: 20px;">
                      <div style="margin-right: 10px; font-size: 12px;">跳转地址：</div>
                      <div ><el-input v-model="item.img_url" placeholder="输入点击图片后跳转的网址" style="width: 270px;"></el-input></div>
                    </div>
                  </div>
                  <div style="width: 98px; height: 42px;  cursor: pointer; font-size: 14px; background: rgb(233, 245, 255); border: 1px solid rgb(0, 97, 255); color: rgb(0, 97, 255); border-radius: 24px;" class="flexcc" @click="add2" v-if="listx[bianjiindex].list.length <= 2">新增图片</div>
                  <!-- <div class="flexcc">
                    <el-button round type="primary" @click="baocun">确 定</el-button>
                  </div> -->
                </div>


              </el-dialog>

<!--              <div style="width: 400px;" >
                <div class="baibeijing" style="padding: 30px;" v-if="bianjitype == 2">
                  <div style="text-align: center;">话术内容</div>
                  <div style="margin: 20px 0;">
                    <el-input v-model="listx[bianjiindex].txt"  type="textarea" :rows="4" style="width: 100%;" ></el-input>
                  </div>
                  <!-- <div class="flexcc">
                    <el-button round type="primary" @click="baocun">确 定</el-button>
                  </div> -->

                <div class="baibeijing" style="padding: 30px; margin-top: 30px;"  v-if="bianjitype == 1">
                  <div style="text-align: center;">上传图片</div>
                  <div style="margin: 20px 0;" class="flexcc">
                    <div><chuantu :widths="'120px'" :heights="'120px'" :widths2="'120px'" :heights2="'120px'" :bg="'rgb(246, 248, 251)'" :imgs="listx[bianjiindex].img" @getimg="getimg23" v-if="relo"></chuantu></div>
                  </div>
                  <div style="margin: 20px 0;">
                    <el-input v-model="listx[bianjiindex].url" placeholder="跳转地址" ></el-input>
                  </div>
                  <!-- <div class="flexcc">
                    <el-button round type="primary" @click="baocun">确 定</el-button>
                  </div> -->
                </div>
                <div  v-if="bianjitype == 3">
                  <div v-for="(item,index) in listx[bianjiindex].list" :key="index" style="background: rgb(255, 255, 255); padding:30px; margin-bottom: 20px;">
                    <div>{{index+1}}/3</div>
                    <div class="flexc" style="margin-bottom: 20px;">
                      <div style="margin-right: 10px; font-size: 12px;">上传图片：</div>
                      <chuantu :widths="'110px'" :heights="'110px'" :widths2="'110px'" :heights2="'110px'" :bg="'rgb(239, 239, 239)'"  :buyaoshanchu="true" :txt="'点击上传图片'" :imgs="item.img" @getimg="getimg22($event,index)" v-if="relo"></chuantu>
                      <div style="margin: 10px;">
                        <div style="margin: 10px 0;  font-size: 12px;">宽度不超过1080像素</div>
                        <div style="width: 73px; height: 34px; font-size: 14px; background: rgb(228, 234, 236); cursor: pointer; color: rgb(0, 97, 255); border-radius: 17px;" class="flexcc" @click="shanchu(index)" >删除</div>
                      </div>
                    </div>
                    <div class="flexc" style="margin-bottom: 20px;">
                      <div style="margin-right: 10px; font-size: 12px;">跳转地址：</div>
                      <div ><el-input v-model="item.img_url" placeholder="输入点击图片后跳转的网址" style="width: 270px;"></el-input></div>
                    </div>
                  </div>
                  <div style="width: 98px; height: 42px;  cursor: pointer; font-size: 14px; background: rgb(233, 245, 255); border: 1px solid rgb(0, 97, 255); color: rgb(0, 97, 255); border-radius: 24px;" class="flexcc" @click="add2" v-if="listx[bianjiindex].list.length <= 2">新增图片</div>
                  <!-- <div class="flexcc">
                    <el-button round type="primary" @click="baocun">确 定</el-button>
                  </div> -->
                </div>
              </div>
            </div>
          </div>
          <!-- 成功页配置 -->
          <div v-show="act == 2" style="padding: 0.3rem;">
            <div class="flexc" style="font-size: 16px; font-weight: bold; margin-bottom: 20px; margin-top: 30px;">
              <div><img src="../../../static/img/bianji1.png" style="width: 22px; margin-right: 10px;"></div>
              <div>当前布局</div>
            </div>

            <div class="flexc">
              <div style="border-radius: 20px; width: 100%;">
                <div style="width: 100%; margin: 20px auto;">
                    <div style="position: relative;width:100%">
                      <img src="https://gperson.gantanhaokeji.top/fabu1.png" style="width:100%;">
                      
                      <div style="position: absolute; top: 330px; left: 25px; width: 300px; text-align: center; overflow: hidden;">
                        {{all.success.huashu}}
                       <img src="../../../static/img/shouye10.png" alt="" @click="scriptClick" style="width:16px;height: 16px;position: absolute;left:90px;top: 0;" />
                      </div>
                      <div style="position: absolute; top: 420px; width: 100%; left: 0;" class="flexcc">
                        <div class="flexc">
                          <div>
                       <img src="../../../static/img/shouye10.png" alt="" @click="contnetClick" style="width:20px;height: 20px;position: absolute;right:90px;top: 0;" />
                            <img v-if="all.success.erweima" :src="all.success.erweima" style="width: 100px; height: 100px; ">
                            <div style="margin: 20px 0; text-align: center; color: rgb(116, 116, 116);">{{all.success.erweimazi}}</div>
                          </div>
                        </div>
                      </div>
                    </div>
                </div>
              </div>
               <van-popup v-model="scriptModal" :style="{ borderRadius:'10px',width:'260px',height:'200px',padding:'15px'}">
                  <div style="text-align: center;">话术内容</div>
                  <div style="margin: 20px 0;">
                    <el-input v-model="all.success.huashu"  type="textarea" :rows="4" style="width: 100%;" ></el-input>
                  </div>
               </van-popup>
               <van-popup v-model="contentModal" :style="{ borderRadius:'10px',width:'300px',height:'350px',padding:'15px'}">
                 <div class="baibeijing" style="padding: 30px;">
                  <div style="text-align: center;">上传二维码</div>
                  <div style="margin: 20px 0;" class="flexcc">
                    <div><chuantu :widths="'120px'" :heights="'120px'" :widths2="'120px'" :heights2="'120px'" :bg="'rgb(246, 248, 251)'" :imgs="all.success.erweima" @getimg="getimger" v-if="relo"></chuantu></div>
                  </div>
                  <div style="margin: 20px 0;">
                    <el-input v-model="all.success.erweimazi" placeholder="输入二维码说明文字" ></el-input>
                  </div>
   
                </div>
               </van-popup>
              <!-- <div style="width: 400px;" >
                <div class="baibeijing" style="padding: 30px; margin-top: 30px;">
                  <div style="text-align: center;">上传二维码</div>
                  <div style="margin: 20px 0;" class="flexcc">
                    <div><chuantu :widths="'120px'" :heights="'120px'" :widths2="'120px'" :heights2="'120px'" :bg="'rgb(246, 248, 251)'" :imgs="all.success.erweima" @getimg="getimger" v-if="relo"></chuantu></div>
                  </div>
                  <div style="margin: 20px 0;">
                    <el-input v-model="all.success.erweimazi" placeholder="输入二维码说明文字" ></el-input>
                  </div>
   
                </div>
              </div> -->
            </div>
          </div>
          <div v-show="act == 3">
            <dianpuhaibao ref="baocundeneirong" @baocundeneirongv="baocundeneirongv"></dianpuhaibao>
          </div>
      </div>
    </div>
	</div>
</template>

<script>
  import QRCode from 'qrcodejs2'
  import left from '../left.vue'
  import top from '../top.vue'
  import footers from '../footer.vue'
  import chuantu from '@/components/chuantu.vue'
  import chuantu5 from '@/components/chuantu5.vue'
  import topandleft from '../topandleft.vue'
  import dianpuhaibao from '../fenxiaoshangguanli/dianpuhaibao.vue'
	export default {
		name: 'fabu2',
    components:{
      left,chuantu,top,topandleft,footers,dianpuhaibao,chuantu5
    },
		data() {
			return {
        form:{},
        all:{
          // h5_index:'',
          // h5_cust:'',
          success:""
        },
        img_log:false,
        img_log2:false,
        img_log3:false,
        img_log4:false,
        img_log5:false,
        img_log6:false,
        img_log10:false,
        relo:true,

        list:[],
        user:"",
        operator:"",
        lunbo:[],
        lunbo2:[],
        lunboindex:0,
        listx:[],
        bianjiindex:9999,
        bianjitype:9999,
        act:1,
        shoujiban:false,

        store_poster:"",
        scriptModal:false,
        contentModal:false,
			}
		},
		created() {
      this.getinfo()

      // this.getf()
		},
		mounted() {
      if(window.screen.width < 1080){
        this.shoujiban = true
        var h = document.documentElement.clientWidth / 7.5 + 'px';
        document.documentElement.style.fontSize = h;

        this.getlist()
      }else{
        this.getlist()
      }
		},
		methods: {
    scriptClick(){
      this.scriptModal = true
    },
    contnetClick(){
      this.contentModal = true
    },
      getf:function(){
        let url = ""
        if(this.$route.query.shop_id){
          //有shop_id是 分销商端店铺  再有id是分销商多商品页面
          url = `/agent/poster/get`
        }else{
          //管理员端 没有id是店铺  有id是多商品页面
          console.log(this.$route.query.id)
          if(this.$route.query.id){
            url = `/own/fpage/flow/poster/get?flow_id=${this.$route.query.id}`
          }else{
            url = `/own/poster/get`
          }
        }
        axios.get(url).then((response)=>{
        	if (response.data.msg.code == 0) {
            this.store_poster = response.data.data.store_poster
        	} else {
        		this.$message.error(response.data.msg.info);
        	}
        })
      },
      xia:function(){
        let arr = this.listx
        let index1 = this.bianjiindex
        let index2 = this.bianjiindex + 1

        if(index2 < arr.length){
          [arr[index1] , arr[index2]]  = [arr[index2] , arr[index1]]
          this.bianjiindex = index2
        }
      },

      shang:function(){
        let arr = this.listx
        let index1 = this.bianjiindex
        let index2 = this.bianjiindex - 1
        if(index2 >= 0){
          [arr[index1] , arr[index2]]  = [arr[index2] , arr[index1]]
          this.bianjiindex = index2
        }
      },

      shan:function(){
        this.listx.splice(this.bianjiindex,1)
        this.bianjitype = ""
        // this.bianjitype = this.listx[this.bianjiindex].type
      },

      shanchu:function(index){
        this.listx[this.bianjiindex].list.splice(index,1)
      },
      getimg23:function(img){
        this.listx[this.bianjiindex].img = img
      },
      // getimg: function(img) {
      //   this.list[this.bianjiindex].img = img
      // },
      getimg22:function(img,index){
        console.log(img,index)
        // if(img == ''){
        //   this.listx[this.bianjiindex].list.splice(index,1)
        // }else{
        //   this.listx[this.bianjiindex].list[index].img = img
        // }
        this.listx[this.bianjiindex].list[index].img = img
        this.relo = false
        this.$nextTick(()=>{
          this.relo = true
        })
      },
      // getimg3:function(img,index){
      //   this.list[this.bianjiindex].list[index].img = img
      // },

      bianji:function(item,index,e){
        this.bianjiindex = index
        this.img_log10 = true
        console.log(item)
        console.log(this.bianjiindex)
        this.bianjitype = item.type
        if(item.type == 1 && this.listx[this.bianjiindex].img != undefined){
          // this.$nextTick(()=>{
          //   this.$refs.chuantu.img = this.list[this.bianjiindex].img
          // })
        }
        if(item.type == 2){

        }
        if(item.type == 3){
          // this.$nextTick(()=>{
          //   this.listx[this.bianjiindex].list.forEach((item2,index2)=>{
          //     this.$refs.chuantu2[index2].img = item2.img
          //   })
          // })
        }

        this.relo = false
        this.$nextTick(()=>{
          this.relo = true
        })
      },
      add2:function(){

        if(this.listx[this.bianjiindex].list.length < 3){
          this.listx[this.bianjiindex].list.push(
            {img:"",url:""}
          )
        }
      },
      add:function(type){
        if(type == 1){
          this.listx.unshift(
            {type:1,img:"",url:""}
          )
        }

        if(type == 2){
          this.listx.unshift(
            {type:2,text:""}
          )
        }

        if(type == 3){
          this.listx.unshift(
            {
              type:3,list:[
                {img:"",url:""}
              ],
            }
          )
          this.relo = false
          this.$nextTick(()=>{
            this.relo = true
          })
        }

        // this.bianjiindex = this.bianjiindex + 1
        // this.bianjitype = type
      },


        search:function(val){
          this.operator = val
          this.getlist()
        },
        xiazai:function(){
          // let img = document.getElementsByClassName('qrcode')[0].childNodes[1]
          var a = document.createElement('a');
           a.download = '分享海报';//这边是文件名，可以自定义
           a.href = this.store_poster + '?attname=';
           document.body.appendChild(a);
           a.click();
           document.body.removeChild(a);
        },
        creatQrCode(url) {
          this.img_log5 = true
          this.getf()
          // this.$nextTick(()=>{
          //   this.$refs.qrCodeUrl.innerHTML = '';
          //   let url = ""
          //   if(this.$route.query.id){
          //     url = `${window.location.origin}/h5?shops_id=${this.$route.query.id}`
          //   }else{
          //     url = `${window.location.origin}/h5`
          //   }
          //   var qrcode = new QRCode(this.$refs.qrCodeUrl, {
          //       text: url, // 需要转换为二维码的内容
          //       width: 200,
          //       height: 200,
          //       colorDark: '#000000',
          //       colorLight: '#ffffff',
          //       correctLevel: QRCode.CorrectLevel.H
          //   })
          // })
        },

        getlist:function(){

          let url = ""
          if(this.$route.query.shop_id){
            //有shop_id是 分销商端店铺  再有id是分销商多商品页面
            if(this.$route.query.id){
              url = `/agent/fpage/list?page=1&page_size=200&status=100&tab=${this.$route.query.id}`
            }else{
              url = `/agent/page/list?page=1&page_size=200&status=100`
            }
          }else{
            //管理员端 没有id是店铺  有id是多商品页面
            if(this.$route.query.id){
              url = `/api/fpage/list?page=1&page_size=200&status=100&tab=${this.$route.query.id}`
            }else{
              url = `/own/page/list?page=1&page_size=200&status=100`
            }
          }

          axios.get(url).then((response)=>{
          	if (response.data.msg.code == 0) {
              response.data.data.data.forEach(item=>{
                if(item.selling_point){
                  item.selling_point = JSON.parse(item.selling_point)
                }else{
                  item.selling_point = []
                }
              })
              this.list = response.data.data.data
              this.relo = false
              this.$nextTick(()=>{
                this.relo = true
              })
          	} else {
          		this.$message.error(response.data.msg.info);
          	}
          })
        },

        getimg:function(item){
          this.all.top_pic = item
        },
        getimg4:function(item){
          this.all.left_pic = item
        },
        getimg5:function(item){
          this.all.poster = item
        },
        getimg2:function(item){
          this.all.img = item
        },
        getimg3:function(item){
          this.all.right_pic = item
        },
        getimger:function(item){
          this.all.success.erweima = item
        },

        // img_log6show:function(){
        //   this.img_log6 = true
        // },
        // changeindex:function(index){
        //   this.lunboindex = index
        //   console.log(this.lunboindex)
        // },
        // shanchulunbo:function(item,index){
        //   console.log(index)
        //   if(item.id){
        //     //删除
        //     axios.post('/own/mstore/pic/delete',{
        //       "mstore_id": this.all.id,
        //       "id": item.id,
        //     }).then((response)=>{
        //       if (response.data.msg.code == 0) {
        //         this.$message.success('删除成功');
        //         this.getlunbo()
        //       } else {
        //         this.$message.error(response.data.msg.info);
        //       }
        //     })
        //   }else{
        //     this.lunbo2.splice(index,1)
        //   }
        // },
        // xinzenglunbo:function(){
        //   this.lunbo2.push({
        //     img:"",
        //     img_url:"",
        //     id:""
        //   })
        // },
        // getimg6:function(item){
        //   this.lunbo2[this.lunboindex].img = item
        // },
        // baocunlunbo:function(){
        //   axios.post('/own/mstore/pics',{
        //     "mstore_id": this.all.id,
        //     "datas": this.lunbo2,
        //   }).then((response)=>{
        //   	if (response.data.msg.code == 0) {
        //       this.$message.success('保存成功');
        //       this.img_log6 = false
        //       this.getlunbo()
        //   	} else {
        //   		this.$message.error(response.data.msg.info);
        //   	}
        //   })
        // },
        // getlunbo:function(){
        //   axios.get('/own/mstore/pics?mstore_id='+this.all.id).then((response2)=>{
        //   	if (response2.data.msg.code == 0) {
        //       this.lunbo = response2.data.data
        //       this.lunbo2 = JSON.parse(JSON.stringify(response2.data.data))
        //   	} else {
        //   		this.$message.error(response2.data.msg.info);
        //   	}
        //   })
        // }

        guanbiba:function(){
          this.img_log = false
        },

        //拿到图信息
        baocundeneirongv:function(val){
          console.log(val)

          // this.all.inv_template = val.inv_template
          // this.all.inv_img = val.inv_img
          // this.all.inv_des = val.inv_des
          // this.all.inv_color = val.inv_color
          // this.all.inv_poster = val.inv_poster
          this.all.store_template = val.store_template
          this.all.store_img = val.store_img
          this.all.store_des = val.store_des
          this.all.store_color = val.store_color
          this.all.store_poster = val.store_poster
          this.all.join_switch = val.join_switch
          this.all.site_join_switch = val.site_join_switch

          if(!this.all.store_img){
            this.$message.error('请先上传推广海报图片');
            return false
          }
          this.baocun()
        },
        baocunk:function(){
          this.$refs.baocundeneirong.baocundeneirongv()
        },

        baocun:function(){

          if(this.listx){
            this.all.json = JSON.stringify(this.listx)
          }
          if(this.all.success){
            this.all.success = JSON.stringify(this.all.success)
          }else{

          }

          let url = ""
          if(this.$route.query.shop_id){
            //有shop_id是 分销商端店铺  再有id是分销商多商品页面
            if(this.$route.query.id){
              url = `/agent/fstore/update`
            }else{
              url = `/agent/mstore/update`
            }
          }else{
            //管理员端 没有id是店铺  有id是多商品页面
            if(this.$route.query.id){
              url = `/own/fstore/update`
            }else{
              url = `/own/mstore/update`
            }
          }

          axios.post(url,this.all).then((response)=>{
          	if (response.data.msg.code == 0) {
              this.getinfo()
              this.img_log = false
              this.img_log2 = false
              this.img_log3 = false
              this.img_log4 = false
              this.img_log5 = false
              this.img_log6 = false
              this.$message.success('保存成功');
              this.$router.back(-1)
          	} else {
          		this.$message.error(response.data.msg.info);
          	}
          })
        },
        setinfo:function(){
          let url = ""
          if(this.$route.query.shop_id){
            //有shop_id是 分销商端店铺  再有id是分销商多商品页面
            if(this.$route.query.id){
              url = `/agent/fstore/update`
            }else{
              url = `/agent/mstore/update`
            }
          }else{
            //管理员端 没有id是店铺  有id是多商品页面
            if(this.$route.query.id){
              url = `/own/fstore/update`
            }else{
              url = `/own/mstore/update`
            }
          }

          let obj = {
            store_name:JSON.parse(localStorage.getItem('user')).name+"的微小店",
            store_slogan:JSON.parse(localStorage.getItem('user')).name+"的微小店介绍",
            top_pic:"https://test91.91haoka.cn/shouye1.png",
            left_pic:"https://test91.91haoka.cn/shouye2.png",
            right_pic:"https://test91.91haoka.cn/shouye9.png"
          }

          axios.post(url,obj).then((response)=>{
          	if (response.data.msg.code == 0) {
              this.getinfo()
          	} else {
          		this.$message.error(response.data.msg.info);
          	}
          })
        },

        getinfo:function(){
          let url = ""
          if(this.$route.query.shop_id){
            //有shop_id是 分销商端店铺  再有id是分销商多商品页面

            if(this.$route.query.id){
              url = `/api/flow/storeinfo?id=${this.$route.query.id}`
            }else{
              url = `/agent/mstore/info?shop_id=${this.$route.query.shop_id}`
            }
          }else{
            //管理员端 没有id是店铺  有id是多商品页面
            if(this.$route.query.id){
              url = `/api/flow/storeinfo?id=${this.$route.query.id}`
            }else{
              url = `/own/mstore/info`
            }
          }



          axios.get(url).then((response)=>{
          	if (response.data.msg.code == 0) {
              if(response.data.data == null){
                this.setinfo()
              }else{
                this.all = response.data.data

                if(this.all.success){
                  this.all.success = JSON.parse(this.all.success)
                }else{
                  this.all.success = {}
                }
                if(this.all.json){
                  this.listx = JSON.parse(this.all.json)
                }
              }


          	} else {
          		this.$message.error(response.data.msg.info);
          	}
          })
        },
        shouyeChangeSwitch(value){
          console.log('首页value',value)
        },
        lianxikefuChangeSwitch(value){
          console.log('联系客服value',value)
        }

		}
	}
</script>


<style scoped lang="less">
  .fabu2{
    .bianjizhong{ border: 1px rgb(0, 90, 255) dashed !important;}
    .xiugai{background: rgb(228, 237, 255); border-radius: 14px; height: 28px; width: 52px; color: rgb(0, 90, 255); font-size: 12px;}
    /deep/ .t .el-input__inner{ border: 0 !important; padding: 0 !important; height: 50px !important; line-height: 50px !important;}
    /deep/ .tt .el-input__inner{ border: 0 !important;  height: 50px !important; line-height: 50px !important;}
    /deep/ .el-radio{ display: block; margin-bottom: 20px;}
    .t2{
      /deep/ .el-input__inner{ border-radius: 0 !important; border: 0 !important; height: 39px !important; line-height: 39px !important;;}
    }

    /deep/ .el-dialog{ background: rgb(246, 248, 251); border-radius: 29px;}
    .xianshi{background: rgb(64, 156, 255) !important; color: #fff !important;}
    .act{background: rgb(0, 90, 255) !important; color: #fff;}
    .ts2{
      /deep/ .el-dialog{
        background: #fff;
      }
    }

    .tuiguangli{ margin-right: 30px; cursor: pointer;
      &:hover{color: rgb(0, 90, 255);}
    }
    .tuiguangliact{ position: relative; color: rgb(0, 90, 255);
      &::after{
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -10px;
        bottom: -20px;
        height: 2px;
        width: 20px;
        background: rgb(0, 90, 255);
      }
    }
  }
</style>
